<template>
  <li class="bid-item">
    <div>
      {{ item.bidId }}
    </div>
    <div>
      {{ item.bidTitle }}
    </div>
    <div>
      {{ item.categoryValue }}
    </div>
    <div>
      {{ item.investPeriod }}
    </div>
    <div>
      {{ item.publishTime }}
    </div>
    <div>
      {{ item.paymentMethod }}
    </div>
  </li>
</template>

<script>
  export default {
    name: 'bid-item',
    props: ['item']
  }
</script>

<style lang="stylus">
  .bid-item
    background-color #fdfdfd
    padding 20px 30px 20px 80px
    border-bottom 1px solid #eee
    position relative
    div
      line-height 20px
    &:hover
      background-color #ccc
</style>